body{
margin:0;
padding:0;
font-family: sans-serif;
color:#ffffff;



}

#section{
background-color:#1abc9c;
height:700px;


}





#section_deux{
background-color:#3498db;
height:500px;

}



/*-----------------------------------------------*\
	Loader cercle multiple
\*------------------------------------------------*/

#section_trois{
background-color:#39B9CC;
height:590px;



}
h3{
margin: 0;
padding: 0;
}
/*-----------------------------------------------*\
	Loader trait facebook
\*------------------------------------------------*/

#section_four{
background-color:#2c3e50;
height:500px;


}

#section_cinq{
background-color:#5AB6DA;
height:500px;

text-align: center;


}

.part2{
position: relative;
background:#5AB6DA;
height: 500px;
width: :100%;

padding-right:150px;

margin: 0;

}
/* Cadre Presentation prof*/
.partie{
	position: relative;
	width: 49%;
	display: inline-block;
	border: 3px solide #fff;
}
.cadre_topprof{
	position: absolute;
	width: 500px;
	height: 300px;
	background-color: #fefefe;
	top: 150px;
	
}


.badge{
	position: relative;
	width: 500px;
	height: 40px;
	background-color: #27a7de;
	top: 120px;
}

.cadretof{
	position: relative;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	background: #39C9BB;
	display: inline-block;
	top:5px;

}
.commentaire{

	position: absolute;
	width: 330px;
	height: 300px;
	background:#fefefe;
	display: inline-block;
	color: black;
}

.cadrediscours{
	position: absolute;
 width: 683px;
 height: 590px;
color:	 #39B9CC;
background: #fefefe;
	top:-15px;

}
#c_discours{
	height: 500px;
	width: 665px;
	
}
.truediscours{
	text-align: center;
	font-size: 32px;
}
.link{
	text-align: center;
	margin-top:200px;
	margin-right: 10px;
	margin-left: 10px;
}
.link a{
	
   text-decoration: none;
   color:	 #39B9CC;
   

}
.lien{
	text-align: center;
	position: relative;
	height: 30px;
    width: 200px;
    text-align: center;
    padding-top:10px;
    padding-bottom:5px;
    padding-left: 100px;
    padding-right: 100px;
    top:-10px;
    border: 2px solid #39B9CC;
    border-radius: 10px;
}

.profil{
	position: absolute;
	top: 150px;
	margin-left: 20px;
	color: black;
	font-size: 20px;
}

#section_six{
	height:680px;

background-color: #F5AAC7;



}


.partie_de{
	position: relative;
	width: 49%;
	height: 100%;
	display: inline-block;
	border-left: 2px solid #ffffff;
}

.profilera{
position: relative;
margin-bottom: 20px;
border: 1px solid #fefefe;
width: 350px;
height: 200px;
background-color: #fefefe;
margin:auto;
margin-bottom: 20px;

}

.partie_de{
overflow: auto;
}
.tof_prof{
	background-color: #F5AAC7;
}

.titre{
	color:black;
	position: relative;
	top: 120px;
	left:140px;
}